<!DOCTYPE html>
<html>

<head>
    <title>会员中心</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <script type="text/javascript" src="__STATIC__/webapp/js/jquery-1.11.0.js"></script>
    {include file="public/weixin_sdk" /}
    <link rel="icon" href="javascript:void(0)http://img002.mllres.com/mllfavicon.ico"/>
    <link href="javascript:void(0)http://img002.mllres.com/wap/images/bookmark-icon.png"
          rel="apple-touch-icon-precomposed">
    <link href="javascript:void(0)http://img002.mllres.com/wap/images/bookmark-icon.png" rel="Shortcut Icon"
          type="image/x-icon"/>
    <link rel="canonical" href="javascript:void(0)http://www.meilele.com/user/"/>
    <link rel="stylesheet" href="__STATIC__/webapp/css/mob.common.min.css?0809"/>

    <style type="text/css">
        .clearfix:after {
            content: " ";
            display: block;
            clear: both;
            height: 0
        }

        .clearfix {
            zoom: 1
        }

        .margin10 {
            width: 100%;
            height: 10px;
            background-color: #f4f4f4;
            position: relative
        }

        .margin10:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -1px;
            background: #ddd;
            width: 100%;
            height: 1px;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            z-index: 2
        }

        .mll-user-banner {
            position: relative;
            width: 100%;
            background-image: url("__STATIC__/webapp/images/user-head-bg.png");
            background-size: cover;
            height: 4.2rem;
        }

        .mll-no-login-banner {
            display: block;
            width: 66px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -33px;
            margin-top: -55px
        }

        .mll-no-login {
            box-sizing: border-box;
            width: 66px;
            height: 66px;
            padding: 4px;
            border-radius: 50%;
            background-image: url(http://img002.mllres.com/wap/images/user/m-user-ico.png);
            background-position: 0 -84px;
            background-size: 150px 150px;
            background-repeat: no-repeat
        }

        .mll-login-banner {
            width: 100%;
            display: inline-block;
            position: absolute;
            top: 69%;
            margin-top: -55px
        }

        .mll-login {
            box-sizing: border-box;
            width: 66px;
            height: 66px;
            margin-left: 10px;
            padding: 3px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.1)
        }

        .mll-login div {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            overflow: hidden
        }

        .mll-header-ico {
            position: absolute;
            top: 50%;
            right: 15px;
            display: block;
            width: 8px;
            height: 13px;
            background-image: url(http://img002.mllres.com/wap/images/user/m-user-ico.png);
            background-position: -142px 0;
            background-size: 150px 150px;
            margin-top: -7px;
            background-repeat: no-repeat
        }

        .mll-header-list {
            width: 100%;
            height: 53px;
            background: rgba(103, 63, 97, .8);
            position: absolute;
            bottom: 0;
            padding: 0 1rem;
        }

        .mll-header-list li {
            width: 33.33%;
            height: 100%;
            float: left;
            text-align: center;
            color: #fff;
            padding-top: 2px;
        }

        .mll-header-list .mll-header-cart i {
            display: inline-block;
            width: 18px;
            height: 16px;
            position: relative;
            margin-top: 7px;
            background-image: url(http://img002.mllres.com/wap/images/user/m-user-ico.png);
            background-position: 0 0;
            background-size: 150px 150px;
            background-repeat: no-repeat
        }

        .mll-header-list .mll-header-shoucang i {
            display: inline-block;
            width: 18px;
            height: 17px;
            position: relative;
            margin-top: 6px;
            background-image: url(http://img002.mllres.com/wap/images/user/m-user-ico.png);
            background-position: -18px 0;
            background-size: 150px 150px;
            background-repeat: no-repeat
        }

        .mll-header-list .mll-header-zizhu i {
            display: inline-block;
            width: 17px;
            height: 16px;
            position: relative;
            margin-top: 6px;
            background-image: url(http://img002.mllres.com/wap/images/user/m-user-ico.png);
            background-position: -36px 0;
            background-size: 150px 150px;
            background-repeat: no-repeat
        }

        .mll-header-list li p {
            font-size: 12px;
            color: #fffefe;
            margin-top: -1px;
        }

        .mll-login img {
            width: 100%;
            height: 100%;
            border-radius: 60px;
            background-color: #fff
        }

        .mll-login, .mll-user-info {
            float: left
        }

        .mll-user-info {
            margin-left: 12px;
            color: #fff
        }

        .mll-user-info .mll-user-name {
            font-size: 16px;
            height: 14px;
            line-height: 14px;
            margin: 18px 0 8px
        }

        .mll-user-info .mll-user-lv {
            font-size: 12px;
            height: 12px;
            line-height: 12px
        }

        .mll-content-list {
            width: 100%;
            background: #fff;
            position: relative
        }

        .mll-content-list:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -1px;
            background: #ddd;
            width: 100%;
            height: 1px;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            z-index: 2
        }

        .mll-content-header {
            height: 45px;
            margin-left: 10px;
            line-height: 45px;
            position: relative
        }

        .mll-content-header:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -1px;
            background: #ddd;
            width: 100%;
            height: 1px;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            z-index: 2
        }

        .no-bottom:after {
            height: 0
        }

        .mll-content-header .mll-content-header-span {
            display: inline-block;
            width: 25px;
            height: 25px;
            background-image: url(http://img002.mllres.com/wap/images/user/m-user-ico.png);
            background-size: 150px 150px;
            background-repeat: no-repeat;
            margin: 10px 1px;
            float: left
        }

        .mll-content-header .mll-content-header-title {
            float: left;
            color: #333;
            font-size: 16px;
            margin-left: 9px
        }

        .mll-content-header .mll-content-header-ico {
            position: absolute;
            top: 50%;
            right: 15px;
            display: block;
            width: 8px;
            height: 13px;
            background-image: url(__STATIC__/webapp/images/m-user-ico.png);
            background-position: -142px -13px;
            background-size: 150px 150px;
            margin-top: -7px;
            background-repeat: no-repeat
        }

        .mll-head-list1 .mll-content-header-span {
            background-position: 0 -19px
        }

        .mll-head-list2 .mll-content-header-span {
            background-position: -25px -19px
        }

        .mll-head-list3 .mll-content-header-span {
            background-position: -50px -19px
        }

        .mll-head-list4 .mll-content-header-span {
            background-position: -75px -19px
        }

        .mll-head-list5 .mll-content-header-span {
            background-position: -100px -19px
        }

        .mll-head-list6 .mll-content-header-span {
            background-position: 0 -44px
        }

        .mll-content-list .mll-content-ul {
            position: relative;
            height: 59px;
            padding: 0 20px
        }

        .mll-content-list .mll-content-ul .showNum {
            position: absolute;
            width: 16px;
            height: 16px;
            background: #da0000;
            color: #fffefe;
            border-radius: 50%;
            text-align: center;
            line-height: 16px;
            right: 20px;
            top: 4px;
            font-size: 11px
        }

        .mll-content-list .mll-content-ul li {
            width: 33.3333%;
            height: 100%;
            float: left;
            text-align: center;
            position: relative;
            left: 0
        }

        .mll-content-list .content-ul2 li {
            width: 25%
        }

        .mll-content-list .mll-content-ul i {
            display: inline-block;
            margin-top: 14px;
            position: relative;
            background-image: url(http://img002.mllres.com/wap/images/user/m-user-ico.png);
            background-size: 150px 150px;
            background-repeat: no-repeat
        }

        .mll-content-list .mll-content-ul .mll-content-ul-one i {
            width: 23px;
            height: 19px;
            background-position: -127px -133px
        }

        .mll-content-list .mll-content-ul .mll-content-ul-two i {
            width: 23px;
            height: 18px;
            margin-bottom: 1px;
            background-position: -129px -115px
        }

        .mll-content-list .mll-content-ul .mll-content-ul-three i {
            width: 23px;
            height: 19px;
            background-position: -127px -95px
        }

        .mll-content-list .mll-content-ul .mll-content-ul-four i {
            width: 20px;
            height: 22px;
            margin-top: 13px;
            background-position: -130px -73px
        }

        .mll-content-list .mll-content-ul .mll-content-ul-five i {
            width: 24px;
            height: 24px;
            margin-top: 11px;
            background-position: -103px -126px
        }

        .mll-content-list .mll-content-ul .mll-content-ul-sex i {
            width: 23px;
            height: 23px;
            margin-top: 11px;
            background-position: -80px -127px
        }

        .mll-content-list .mll-content-ul .mll-content-ul-seven i {
            width: 21px;
            height: 19px;
            margin-top: 14px;
            background-position: -81px 0
        }

        .mll-content-list .mll-content-ul li p {
            font-size: 12px;
            margin-top: -1px;
            color: #666
        }

        /*zhouxinjian:2016-05-05 17:26:58*/</style>
    <link href="__STATIC__/webapp/css/mui.min.css" rel="stylesheet"/>
</head>


<body>


<script type="text/javascript">!function (a) {
    function b() {
        var b = g.getBoundingClientRect().width;
        b / c > 640 && (b = 640 * c), a.rem = b / 16, g.style.fontSize = a.rem + "px"
    }

    var c, d, e, f = a.document, g = f.documentElement, h = f.querySelector('meta[name="viewport"]'),
            i = f.querySelector('meta[name="flexible"]');
    if (h) {
        console.warn("将根据已有的meta标签来设置缩放比例");
        var j = h.getAttribute("content").match(/initial-scale=(["']?)([d.]+)1?/);
        j && (d = parseFloat(j[2]), c = parseInt(1 / d))
    } else if (i) {
        var j = i.getAttribute("content").match(/initial-dpr=(["']?)([d.]+)1?/);
        j && (c = parseFloat(j[2]), d = parseFloat((1 / c).toFixed(2)))
    }
    if (!c && !d) {
        var k = (a.navigator.appVersion.match(/android/gi), a.navigator.appVersion.match(/iphone/gi)),
                c = a.devicePixelRatio;
        c = k ? c >= 3 ? 3 : c >= 2 ? 2 : 1 : 1, d = 1 / c
    }
    if (g.setAttribute("data-dpr", c), !h) if (h = f.createElement("meta"), h.setAttribute("name", "viewport"), h.setAttribute("content", "initial-scale=" + d + ", maximum-scale=" + d + ", minimum-scale=" + d + ", user-scalable=no"), g.firstElementChild) g.firstElementChild.appendChild(h); else {
        var l = f.createElement("div");
        l.appendChild(h), f.write(l.innerHTML)
    }
    a.dpr = c, a.addEventListener("resize", function () {
        clearTimeout(e), e = setTimeout(b, 300)
    }, !1), a.addEventListener("pageshow", function (a) {
        a.persisted && (clearTimeout(e), e = setTimeout(b, 300))
    }, !1), "complete" === f.readyState ? f.body.style.fontSize = 12 * c + "px" : f.addEventListener("DOMContentLoaded", function () {
        f.body.setAttribute('fontSize', 12 * c + "px")
    }, !1), b()
}(window);
/*app body*/
(function (b) {
    var a = b.body;
    var e = navigator.userAgent;
    /in_app_not_header/i.test(e) && (a.className += " app-body-no-header");
    /in_app_not_footer/i.test(e) && (a.className += " app-body-no-footer");

    function d() {
        var g = location.search;
        var f = new Object();
        if (g.indexOf("?") != -1) {
            var j = g.substr(1);
            strs = j.split("&");
            for (var h = 0; h < strs.length; h++) {
                f[strs[h].split("=")[0]] = (strs[h].split("=")[1])
            }
        }
        return f
    }

    var c = d();
    if (c.APP_NAME && c.APP_NAME == "MLL_ADMIN") {
        a.className += " app-body-no-toolbar"
    }
})(document);</script>

<script type="text/javascript">
    window._gaq = window._gaq || [];
    window._ana = window._ana || [];
    _ana.baseTime = new Date().getTime();
    window.$$ = window.$$ || {};
    $$.__IMG = 'http://img002.mllres.com' || 'http://image.meilele.com';
    window._onReadyList = window._onReadyList || [];
    window._$_ = function (id) {
        return document.getElementById(id)
    };
</script>


<div id="JS_mll_header_placeholder" style="width:100%;height:45px;display:none;"></div>

<!--<header id="JS_mll_header" class="mll-header"><div class="viewport">
    <div id="JS_header_left_icon" class="layout-back"></div>
    <div class="layout-middle">
        <div id="JS_header_page_title" class="text">...</div>
    </div>
</div></header>-->


<script type="text/javascript">
    window._gaq = window._gaq || [];

    (function () {
        var back = window._$_('JS_header_left_icon');
        if (back) {
            back.onclick = function () {
                if (/bonus/.test(location.search)) {
                    location.href = '?act=wallet';
                } else if (/page/.test(location.search)) {
                    history.go(-1);
                } else if (/wallet/.test(location.search)) {
                    location.href = '?act=index';
                } else if (/order_list/.test(location.search)) {
                    location.href = '?act=index';
                } else if (/index/.test(location.search)) {
                    location.href = '/';
                } else if (/bank_list/.test(location.search)) {
                    location.href = '?act=security';
                } else if (/security/.test(location.search)) {
                    location.href = '?act=index';
                } else {
                    history.go(-1);
                    return false;
                }
            }
        }
    })()

</script>

<div class="mll-user-banner">

    <a class="mll-login-banner clearfix" href="javascript:void(0)/user/?act=setting">
        <div class="mll-login">
            <div><img src="{$user_info.headimgurl}"/></div>
        </div>
        <div class="mll-user-info">
            <p class="mll-user-name">{$user_info.nickname}</p>

            <p class="mll-user-lv">注册会员</p>
        </div>
        <span class="mll-header-ico"></span>
    </a>


    <!--<ul class="mll-header-list">
        <li class="mll-header-cart">
            <a>
                <i></i>
                <p>缴费记录</p>
            </a>
        </li>
        <li class="mll-header-shoucang">
            <a href="javascript:void(0)/user/?act=collection_list&from=M_grzx">
                <i></i>
                <p>已抽奖次数</p>
            </a>
        </li>
        <li class="mll-header-zizhu">
            <a href="javascript:void(0)javascript:;" id="JS_query_search">
                <i></i>
                <p>分享记录</p>
            </a>
        </li>
    </ul>-->

</div>
<div class="mll-content-list mll-head-list1">
    <a>
        <div class="mll-content-header">
            <span class="mll-content-header-span"></span>
            <p class="mll-content-header-title">个人信息</p>
        </div>
    </a>

    <ul class="mll-content-ul content-ul2">
        <li class="mll-content-ul-one">
            <a href="{:url('webapi/user/user_form')}">
                <i></i>
                <p>报名参赛</p>
            </a>
        </li>
        <li class="mll-content-ul-two">
            <a href="{:url('webapi/user/pay')}">
                <i></i>
                <p>缴费</p>
            </a>
        </li>
        <li class="mll-content-ul-three">
            <a href="{:url('webapi/lottery/index')}">
                <i></i>

                <p>抽奖</p>
            </a>
        </li>

        <li class="mll-content-ul-four">
            <a href="{:url('webapi/user/my_lottery')}">
                <i></i>

                <p>卡券包</p>
            </a>
        </li>
    </ul>
</div>

<div class="margin10"></div>
<div class="mll-content-list">


    <a href="{:url('webapi/user/payHistory')}">
        <div class="mll-content-header mll-head-list4">
            <span class="mll-content-header-span"></span>

            <p class="mll-content-header-title">缴费记录</p>
            <i class="mll-content-header-ico"></i>
        </div>
    </a>

    <div class="margin10"></div>

    <a href="{:url('webapi/user/my_form')}">
        <div class="mll-content-header mll-head-list3">
            <span class="mll-content-header-span"></span>

            <p class="mll-content-header-title">报名记录</p>
            <i class="mll-content-header-ico"></i>
        </div>
    </a>



    <div class="margin10"></div>

    <a href="{:url('webapi/user/intro')}">
        <div class="mll-content-header mll-head-list4">
            <span class="mll-content-header-span"></span>

            <p class="mll-content-header-title">亚音介绍</p>
            <i class="mll-content-header-ico"></i>
        </div>
    </a>

    <div class="margin10"></div>

    <a href="{:url('webapi/user/about_us')}">
        <div class="mll-content-header mll-head-list5 no-bottom">
            <span class="mll-content-header-span"></span>

            <p class="mll-content-header-title">关于我们</p>
            <i class="mll-content-header-ico"></i>
        </div>
    </a>
</div>


<!--<div class="margin10"></div>
<div class="mll-content-list mll-head-list6">
    <a href="javascript:void(0)/user/?act=security&from=M_grzx">
        <div class="mll-content-header no-bottom">
            <span class="mll-content-header-span"></span>
            <p class="mll-content-header-title">账户安全</p>
            <i class="mll-content-header-ico"></i>
        </div>
    </a>
</div>-->

<!--<footer class="mll-footer">
    <div class="mll-footer-link">
        <div class="viewport">
            <ul>
                <li><a id="JS_footer_login" href="javascript:void(0)/user/?act=login">登录</a></li>
                <li><a id="JS_footer_msg" href="javascript:void(0)/feedback.html">反馈</a></li>
                <li><a href="javascript:void(0)/article/guize/40342.html">关于我们</a></li>
                <li><a href="javascript:void(0)javascript:void(0);" onclick="gotoTop();return false;">返回顶部</a></li>
            </ul>
        </div>
    </div>
    <div class="mll-footer-icp">版权所有：粤ICP备08008334号</div>
</footer>-->

{include file="public/weixin_share" /}
</body>
</html>
